/**
 * add by: hong.rong 2020/08/16
 * name:
 * notes:
 */

import React from 'react'
import { history } from 'umi'
import Card from './components/Card'
import Table from './components/Table'

export default function ReportManage() {
  return (
    <div>
      <div className="ub ub-row ub-ac ub-sb">
        <Card
          className="mr-40"
          type={Card.COLOR.GREEN}
          handleClick={() => history.push('/reportManage/groupBuy')}
        >
          团购报表
        </Card>
        <Card
          className="mr-40"
          type={Card.COLOR.BLUE}
          handleClick={() => history.push('/reportManage/commander')}
        >
          团长报表
        </Card>
        <Card
          className="mr-40"
          type={Card.COLOR.RED}
          handleClick={() => history.push('/reportManage/commission')}
        >
          佣金报表
        </Card>
        <Card
          type={Card.COLOR.ORANGE}
          handleClick={() => history.push('/reportManage/finance')}
        >
          财务报表
        </Card>
      </div>
      <div className="mt-20">
        <Table
          dataSource={[
            { type: 'blue' },
            { type: 'green' },
            { type: 'red' },
            { type: 'orange' },
          ]}
        />
      </div>
    </div>
  )
}
